<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--uc强制竖屏-->
    <meta name="screen-orientation" content="portrait">
    <!--QQ强制竖屏-->
    <meta name="x5-orientation" content="portrait">
    <meta name="format-detection" content="telephone=no,email=no">
    <link rel="stylesheet" href="css/public.css" />
    <link rel="stylesheet" href="css/style.css" />
    <title>订单详情</title>
</head>

<body class='bg_color01'>
    <div class="hd">
        <a href=""><img src="images/public_lt.png" alt=""></a>
        <h4>订单详情</h4>
    </div>


    <!-- 待提货页面 -->
    <div style='display:none'>
        <div class='myOrder_content myOrderDetail_centent'>
            <h5>
                <p>颗粒兑换</p><span>订单：</span><b>63892729922</b> <a>待提货</a>
            </h5>
            <div class='myOrder_wrapper myOrderDetail_wrapper'>
                <img src="./images/orderDetail_bg.png" alt="">
                <div>
                    <h3>复活节兔子</h3>
                    <p>兑换颗粒：<span>2999</span></p>
                    <p>兑换时间：<b><span>2019年11月11日</span>~<span>11:23:27</span></b></p>
    
                </div>
            </div>
        </div>
        <div class='myOrderDetail_code'>
            <h2><span>提货码</span>R487</h2>
            <div><img src="./images/tiaoxingma.jpg" alt=""></div>
            <div class='myOrderDetail_codeWrapper'>
                <p>提货时间：<b><span>2019.11.11</span>~<span>2019.11.18</span></b></p>
                <p class='codeWrapper_center'>自提门店：<span>南京虹悦城店</span></p>
                <p>详细地址：<span>南京市雨花台区应天大街619号</span></p>
            </div>
        </div>
    </div>

  <!-- 已完成页面 -->
  <div style='display:none'>
    <div class='myOrder_content myOrderDetail_centent'>
        <h5>
            <p>颗粒兑换</p><span>订单：</span><b>63892729922</b> <a class='blackColor'>已完成</a>
        </h5>
        <div class='myOrder_wrapper myOrderDetail_wrapper'>
            <img src="./images/orderDetail_bg.png" alt="">
            <div>
                <h3>复活节兔子</h3>
                <p>兑换颗粒：<span>2999</span></p>
                <p>兑换时间：<b><span>2019年11月11日</span>~<span>11:23:27</span></b></p>

            </div>
        </div>
    </div>
    <div class='myOrderDetail_code'>
        <div class='myOrderDetail_codeWrapper'>
            <p>提货时间：<b><span>2019.11.11</span>~<span>2019.11.18</span></b></p>
            <p class='codeWrapper_center'>自提门店：<span>南京虹悦城店</span></p>
            <p>详细地址：<span>南京市雨花台区应天大街619号</span></p>
        </div>
    </div>
</div>

 <!-- 已过期页面 -->
 <div>
    <div class='myOrder_content myOrderDetail_centent'>
        <h5>
            <p>颗粒兑换</p><span>订单：</span><b>63892729922</b> <a class='grayColor'>已完成</a>
        </h5>
        <div class='myOrder_wrapper myOrderDetail_wrapper'>
            <img src="./images/orderDetail_bg.png" alt="">
            <div>
                <h3>复活节兔子</h3>
                <p>兑换颗粒：<span>2999</span></p>
                <p>兑换时间：<b><span>2019年11月11日</span>~<span>11:23:27</span></b></p>

            </div>
        </div>
    </div>
    <div class='myOrderDetail_code'>
        <div class='myOrderDetail_codeWrapper'>
            <p>提货时间：<b><span>2019.11.11</span>~<span>2019.11.18</span></b></p>
            <p class='codeWrapper_center'>自提门店：<span>南京虹悦城店</span></p>
            <p>详细地址：<span>南京市雨花台区应天大街619号</span></p>
        </div>
    </div>
</div>

    <script src="js/rem.js"></script>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script>

    </script>
</body>

</html>